<aside class="sidebar sidebar-primary" id="sidebar-primary" role="complementary">
    <h1 class="screen-reader-text">Sidebar</h1>
    {{ $site := .Site }}

    {{ with .Site.Params.Widget.About }}
    {{ if (index . "show") }}
    <section id="text-2" class="widget widget_text">
        <div class="textwidget">
            
            <div id="profile">
                <div id="profile_picture"><img src="{{ index . "logo" }}"></div>
                <div id="profile_intro">
                    <p><span class="name">{{ index . "title" }}</span></p>
                    <p class="intro">{{ index . "description" }}</p>
                </div>
            </div>
            
            <p>
                <script type="text/javascript">
                    (function ($) {
                        $(document).ready(function () {
                            var menuPrimaryContainer = $('#menu-primary-container');
                            var profile = $('#text-2');
                            $('#toggle-navigation').click(function () {
                                if (menuPrimaryContainer.hasClass('open')) {
                                    profile.removeClass('open');
                                } else {
                                    profile.addClass('open');
                                }
                            });
                        });
                    })(jQuery);
                </script>
            </p>
        </div>
    </section>
    {{ end }}
    {{ end }}
    
    {{ with .Site.Params.Widget.Projects }}
    {{ if (index . "show") }}
    <section id="text-5" class="widget widget_text">
        <h2 class="widget-title">{{ index . "title" }}</h2>
        <div class="textwidget">
            <div id="projects" style="line-height: 22px;">
                {{ range (index . "items") }}
                <a href="{{ index . "url" }}"
                    target="_blank">{{ index . "name" }}</a>: &nbsp;{{ index . "description" }}<br>
                {{ end }}
        </div>
    </section>
    {{ end }}
    {{ end }}

    {{ with .Site.Params.Widget.Products }}
    {{ if (index . "show") }}
    <section id="text-5" class="widget widget_text">
        <h2 class="widget-title">{{ index . "title" }}</h2>
        <div class="textwidget">
            <div id="projects" style="line-height: 22px;">
                {{ range (index . "items") }}
                <a href="{{ index . "url" }}"
                    target="_blank">{{ index . "name" }}</a>: &nbsp;{{ index . "description" }}<br>
                {{ end }}
        </div>
    </section>
    {{ end }}
    {{ end }}
    
    {{ with .Site.Params.Widget.Qrcode }}
    {{ if (index . "show") }}
    <section id="qrcode" class="widget widget_media_image">
        <h2 class="widget-title">{{ index . "title" }}</h2>
        <img width="258" height="258"
            src="{{ index . "url" }}"
            class="image wp-image-5514  attachment-full size-full" alt=""
            style="max-width: 100%; height: auto;"
            sizes="(max-width: 258px) 100vw, 258px">
    </section>
    {{ end }}
    {{ end }}

    {{ with .Site.Params.Widget.Categories }}
    {{ if (index . "show") }}
    <section id="categories-3" class="widget widget_categories">
        <h2 class="widget-title">{{ index . "title" }}</h2>
        <form action="/categories/" method="get"><label class="screen-reader-text"
                for="cat">Categories</label><select name="cat" id="cat" class="postform">
                <option value="-1">Select Category</option>
                {{ range $site.Taxonomies.categories }}
                <option class="level-0" value="{{ .Page.RelPermalink }}">{{ .Page.Title }}({{ len .Pages }})</option>
                {{ end }}
            </select>
        </form>
        <script type="text/javascript">
            /* <![CDATA[ */
            (function () {
                var dropdown = document.getElementById("cat");

                function onCatChange() {
                    if (dropdown.options[dropdown.selectedIndex].value != "" ) {
                        window.location.href = dropdown.options[dropdown.selectedIndex].value
                    }
                }
                dropdown.onchange = onCatChange;
            })();
            /* ]]> */
        </script>
    </section>
    {{ end }}
    {{ end }}

    {{ with .Site.Params.Widget.Tags }}
    {{ if (index . "show") }}
    <section id="tag_cloud-2" class="widget widget_tag_cloud">
        <h2 class="widget-title">{{ index . "title" }}</h2>
        <div class="tagcloud">
            {{ range $site.Taxonomies.tags }}
            <a href="{{ .Page.RelPermalink }}"
                class="tag-cloud-link tag-link-58 tag-link-position-1"
                style="font-size: 11.083333333333pt;" aria-label="Apache (6 items)">{{ .Page.Title }}</a>
            {{ end }}
        </div>
    </section>
    {{ end }}
    {{ end }}

    {{ with .Site.Params.Widget.Links }}
    {{ if (index . "show") }}
    <section id="text-6" class="widget widget_text">
        <h2 class="widget-title">{{ index . "title" }}</h2>
        <div class="textwidget">
            <ul>
                {{ range (index . "items") }}
                <li><a href="{{ index . "url" }}" target="_blank">{{ index . "title" }}</a></li>
                {{ end }}
            </ul>
        </div>
    </section>
    {{ end }}
    {{ end }}
    
</aside>